import { createElement, Component } from './framwork';
import { Carousel } from './carousel';
import { Timeline, Animation } from './animation.js';

const d = [
  'https://static001.geekbang.org/resource/image/bb/21/bb38fb7c1073eaee1755f81131f11d21.jpg',
  'https://static001.geekbang.org/resource/image/1b/21/1b809d9a2bdf3ecc481322d7c9223c21.jpg',
  'https://static001.geekbang.org/resource/image/b6/4f/b6d65b2f12646a9fd6b8cb2b020d754f.jpg',
  'https://static001.geekbang.org/resource/image/73/e4/730ea9c393def7975deceb48b3eb6fe4.jpg'
]

const a = <Carousel src={d} />
a.mountTo(document.body)

const tl = new Timeline()
window.tl = tl
// tl.add(new Animation({ set a(v) { console.log(v) }}, 'a', 0, 100, 1000, null))
window.animation = new Animation({ set a(v) { console.log(v) }}, 'a', 0, 100, 1000, null, null)
tl.start()